<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	 <meta name="viewport" content="width=device-width,initial-scale=1" />
	 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	 <title>宽仁妇孺，祝您节日快乐</title>
	<style type="text/css">
	html, body{margin:0;padding:0}
		#apDiv1 {
	    position:absolute;
	    width:200px;
	    height:115px;
	    z-index:9999;  
	    left: 51px;
	    top: 60px;
	}
	</style>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/weixin/jweixin-1.0.0.js"></script>
<script type="text/javascript"> 
var t; 
var speed = 3;//图片切换速度 
var nowlan=0;//图片开始时间 
function changepic() { 
var imglen = $("div[name='pic']").find("div").length; 
$("div[name='pic']").find("div").hide(); 
$("div[name='pic']").find("div").eq(nowlan).fadeIn(1500); 

if(nowlan<imglen){
if(nowlan==4){
$("div[name='ziti1']").css("display","block");
$("div[name='ziti1']").find("div").hide();
$("div[name='ziti1']").find("div").eq(0).slideDown(2000);
}
if(nowlan==5){
$("div[name='ziti']").css("display","block");
$("div[name='ziti1']").remove();
$("div[name='ziti']").find("div").eq(0).slideDown(2000);

}
nowlan=nowlan+1
t = setTimeout("changepic()", speed * 1000); 
$("div[name='ziti']").find("div").hide();
}else{
$("div[name='pic']").find("div").eq(5).show();
}
}
function changeziti(){
$("div[name='ziti']").css("display","block");
$("div[name='pic']").find("div").eq(5).show();
$("div[name='ziti']").find("div").eq(0).slideDown(1500);
$("div[name='ziti']").find("div").hide();

} 
$(document).ready(function () { 

}); 

window.onload=function(){
 Media = document.getElementById("audio");
Media.play();
Media.addEventListener("play",function(){

	setTimeout("changepic()",1000);
	
  });
}

//微信js-sdk代码-start
wx.config({
    debug: false, 
    appId: '${appId}', 
    timestamp: '${timestamp}', 
    nonceStr: '${nonceStr}', 
    signature: '${signature}',
    jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] 
});

wx.ready(function(){
	
	var title="宽仁妇孺，祝您节日快乐";
	var desc="宽仁之美 一生关爱";
	var link="http://www.kuanrf.com/pac/weixin/gotopage?pagename=popularize_38_index";
	var imgUrl="http://www.kuanrf.com/pac/images/popularize/38/xiameng.jpg";
	
	//分享给朋友
	wx.onMenuShareAppMessage({
	    title: title, 
	    desc: desc, 
	    link: link,
	    imgUrl: imgUrl, 
	    type: 'link', 
	    dataUrl: '', 
	    success: function () { 
	        
	    },
	    cancel: function () { 
	        
	    }
	});
	
	//分享到朋友圈
	wx.onMenuShareTimeline({
	    title: title, 
	    link: link, 
	    imgUrl: imgUrl, 
	    success: function () { 
	        
	    },
	    cancel: function () { 
	        
	    }
	});
	
	//分享到qq
	wx.onMenuShareQQ({
	    title: title, // 分享标题
	    desc: desc, // 分享描述
	    link: link, // 分享链接
	    imgUrl: imgUrl, // 分享图标
	    success: function () { 
	       
	    },
	    cancel: function () { 
	       
	    }
	});
	
	//分享到腾讯微博
	wx.onMenuShareWeibo({
	    title: title, 
	    desc: desc, 
	    link: link, 
	    imgUrl: imgUrl,
	    success: function () { 
	       
	    },
	    cancel: function () { 
	       
	    }
	});
	
});

wx.error(function(res){


});
//微信js-sdk代码-end

</script> 
</head> 
<body> 
<div style="display:none;">
<audio id="audio" controls="controls"  hidden="true" preload="true">
  <source src="${pageContext.request.contextPath}/images/popularize/38/mp33.mp3" type="audio/mpeg" />
</audio>
</div>
<div name="pic" style="float:left; position:absolute;overflow:hidden;width:100%;height:100%;" > 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/1.jpg" alt="1"/></div> 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/2.jpg" alt="2"/></div> 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/3.jpg" alt="3"/></div> 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/4.jpg" alt="4"/></div> 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/5.jpg" alt="5"/></div> 
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/6.jpg" alt="6"/></div> 
</div> 
<div  name="ziti1" style="float:right; position:relative;overflow:hidden;width:30%;height:60%; z-index:1;display:none; margin-right:50%; margin-top:10%;">
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/wenzi1.png" alt="8"/></div> 

</div>
<div  name="ziti" style="float:right; position:relative;overflow:hidden;width:30%;height:70%; z-index:2;display:none; margin-right:30%; margin-top:10%;">
<div><img width="100%" height="100%" src="${pageContext.request.contextPath}/images/popularize/38/wenzi.png" alt="7"/></div> 

</div>
</body>
</html>